/* ====================================================== 
   6. Navigation Area                                    
/* ====================================================== */

.menu-container:not(.mobile) {
	  font-size: 0.75rem;
	  float: right;
	  padding-top: 1.25rem;
	  line-height: 2.34375;
	
	  &.spy-scroll-fixed {
	      padding-bottom: 0;
	  }
	
	  /*---- Primary Menu ----*/
	  ul.menu-main {
		  float: left;
		  margin: 0; /* Required*/

		  
		  ul a:hover {
			  color: #000 !important;
			  background: #F1F1F1;
		  }

		  li {
			  position: relative;
			  margin-bottom: 0;
			  padding: 0 1.159375rem;

			  a {
				  display: block;
				  padding-left: 0.625rem !important;
			  }
		  }

		  > li {
			  display: inline-block;
			  margin-right: 1.6875rem;
			  padding-bottom: 1.421875rem;
			  white-space: nowrap; /* Required*/


			  &.active, 
			  &.current-menu-item, 
			  &:hover {
				  box-shadow: 0 1.15px 0 rgba(51, 51, 51, 1);
			  } 

			  > a {
				 text-transform: uppercase;
				 font-weight: 700;
			  }

			  ul {
				  min-width: 220px;
				  display: none;
				  position: absolute;
				  padding: 0.525rem 0;
			  }

			  > ul {
				  padding-top: 2.625rem;
				  opacity: 0;

				  &::before {
					  content: '';
					  display: block;
					  height: 100%;
					  width: 100%;
					  position: absolute;
					  top: 0;
					  left: 0;
					  margin-top: 0.75rem;
					  border: 1.15px solid $primary-text-color1;
					  background: #fff;
				  }

			  }

			  &:not(.multi-column) > ul ul {
				  background: #fff;
				  border: 1.15px solid $primary-text-color1;
				  margin-left: -0.071875rem;
				  padding: 1.421875rem 0;
			  } 

			  li {
				  padding-left: 0.875rem;
			  }

			  ul li {
				  padding-left: 1.25rem;
			  }


		  }


		  /*---- Sub Menu ----*/
		  ul.sub-menu {
			  top: 100%;
			  left: 0;


			  li a {
				  word-wrap: break-word;
				  white-space: normal;
				  /* Required*/
				 line-height: 1.4;
				  padding: 0.35rem 0;
			  }
		  }

		  > li:not(.multi-column) > ul ul {
			  top: 0;
			  left: 100%;
		  }
	  }


	  /*---- Dropdown Menu ----*/
	  /* Multi-column */
	  li.multi-column {
	      > ul {
		      width: auto !important;
		      white-space: nowrap;
		      display: none;
		      padding: 0 !important;
	      }
		  
	      .mega-arrow {
		      content: '';
		      display: none;
		      position: absolute;
		      top: 58px;
		      left: 50%;
		      width: 0;
		      height: 0;
		      border-left: 5px solid transparent;
		      border-right: 5px solid transparent;
		      border-bottom: 5px solid #000;
		      opacity: 0;
	      }
		  
	      > ul {
		      .multi-column-title {
		          padding-left: 0.625rem !important;
		          text-transform: uppercase;
		          font-weight: 700;
		          color: #B9B9B9;
		          display: inline-block;
		          padding: 0.4375rem 0 0;
		          cursor: default;
		          padding-top: 0.875rem;
		      }
			  
		      > li > a {
		          color: #B9B9B9;
		          display: inline-block;
		          padding: 0.4375rem 0 0;
		          cursor: default;
		          padding-top: 0.875rem;
			  
		          &:hover {
			          color: #B9B9B9 !important;
		          }
		      }
			  
			  
		      li {
		          width: 220px;
		          overflow: hidden;
		          display: inline-block;
		          vertical-align: top;
		          padding-left: 0.75rem !important;
			  
		          ul {
			          position: relative !important;
			          box-shadow: none !important;
		          }
		      }
			  
			  
		      ul {
			      display: block !important;
			  
		          li {
			          float: none;
			          display: block;
		          }
			     
		      }
			  
	      }
	
		  
	}



	ul.menu-main ul.sub-menu .nav-arrow {
	    background-color: #000;
	    right: 2.159375rem;
	    margin-top: 0.3125rem;
	}

	li.multi-column > ul li .nav-arrow {
	    display: none;
	}
	
	
	/*---- Dropdown Arrow ----*/
	.nav-arrow {
	    display: block;
	    position: absolute;
	    right: 0.284375rem;
	    top: 25%;
	    background-color: #000;
	    width: 3px;
	    height: 3px;
	    border-radius: 100%;
	}
	
}


@media all and (max-width: 1250px) {
	.menu-container:not(.mobile) {
		ul.menu-main {
			> li {
				padding-left: 0.875rem;
				padding-right: 0.875rem;
				margin-right: 1.125rem;
			}	
		}	
	}

}


@media all and (max-width: 768px) {
	
    .menu-container:not(.mobile) {
        display: none;
    }
}



/*----- Theme - White -----*/

.theme-white {
	
	.menu-container:not(.mobile) {
	    ul.menu-main > li {
		    > a {
		        color: #fff;
		    }
			
		    &.active, 
			&.current-menu-item, 
			&:hover {
		        box-shadow: 0 1.15px 0 rgba(255, 255, 255, 1);
		    }
			
		    > .nav-arrow {
		        background-color: #fff;
		    }
	    }	
		
	}

}


